// antd中不存在与element-plus一样的滚动条组件，所以采用自定义样式达到类似的美化效果
// 由于无法达到自定义滚动条可以浮动不占宽度的效果，在表格中，右侧会出现已占据的空白
// 目前已是最佳的方案了，再优化就需要antd组件内支持，其他方案会列错位等问题

/* 全局滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
  border-radius: 3px;
  transition: background-color 0.3s;
}

/* 鼠标悬停时滑块颜色加深 */
:hover::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.5);
}

/* 滚动条滑块激活状态 */
::-webkit-scrollbar-thumb:active {
  background-color: rgba(144, 147, 153, 0.7);
}

// Ant Design 滚动条样式
.ant-table {
  scrollbar-color: unset !important;
}
